<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="/css/base.css"/>
    <link rel="stylesheet" href="/css/elements.css">
    <link rel="stylesheet" href="/css/shop.css"/>
</head>
<body>
<%@ include file="include/site-nav.jspf" %>
<div class="w990 mall">
    <div class="deal-list cf">
        <c:forEach var="price" begin="1" end="30">
            <%@ include file="/include/deal-tile.jspf" %>
        </c:forEach>
    </div>
</div>
<div class="as-shelter"></div>
<div class="as-total-container">
    <div id="attached-search-container" class="attached-search-container"></div>
</div>
<div class="goto-top js-goto-top"></div>
<script type="text/javascript" src="${ctx}/js/lib/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${ctx}/js/lib/zeroclipboard-1.2.3/ZeroClipboard.min.js"></script>
<script type="text/javascript" src="/js/dom.js"></script>
<script type="text/javascript" src="/js/private/common.js"></script>
<script type="text/javascript">
     Dom.on(window, 'scroll', function() {
     var y = window.scrollY,
     el = Dom.get('.as-shelter'),
     container = Dom.get('.as-total-container');

     if (y > 300) {
     if (!el) {
     el = document.createElement('div');
     Dom.addClass(el, 'as-shelter');
     document.body.appendChild(el);
     }
     if (!container) {
     container = document.createElement('div');
     Dom.addClass(container, 'as-total-container');
     document.body.appendChild(container);
     }
     Dom.addClass(el, 'show');
     Dom.addClass(container, 'show');
     Dom.get('#attached-search-container').appendChild(Dom.get("#mall-search"));
     } else {
     Dom.removeClass(el, 'show');
     Dom.removeClass(container, 'show');
     Dom.get('.hd.cf').appendChild(Dom.get("#mall-search"));
     }
     });
    // $('dd').hover(function(){ $(this).toggleClass('on'); });
</script>
</body>
</html>

